<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>兰州新区中冶基础设施建设有限公司</title>
    <meta name="keywords" content=","/>
    <meta name="applicable-device" content="pc,mobile">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/bxslider.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="js/bxslider.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <!--<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>-->
    <script src="js/pub.js"></script>
</head>

<body>

<header>
    <div class="container">
        <div class="row">

            <div class="col-xs-12 col-sm-8 col-md-8">
                <a href="javascript:;"><img src="images/logo.png" class="logo" alt=""/></a>
            </div>

            <div id="topsearch" class="col-xs-12 col-sm-4 col-md-4">
                <form id="searchform" method="get" action="">
                    <div class="input-group search_group">
                        <input type="text" name="name" class="form-control input-sm" placeholder="搜索">
                        <span class="input-group-btn">
                            <span id="submit_search" onclick="searchform.submit();" title="搜索" class="glyphicon glyphicon-search btn-lg" aria-hidden="true"></span>
                        </span>
                    </div>
                </form>
            </div>

        </div>
    </div>

    <!-- Fixed navbar -->
    <nav id="top_nav" class="navbar navbar-default navbar-static-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                        aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <span id="small_search" class="glyphicon glyphicon-search" aria-hidden="true"></span>
                <a class="navbar-brand" href="javascript:;">导航菜单</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="index.html">网站首页</a></li>
                    <li><a href="about.html?navIndex=1">公司简介</a></li>
                    <li><a href="about.html?navIndex=2">企业文化</a></li>
                    <li><a href="about.html?navIndex=3">企业动态</a></li>
                    <li><a href="about.html?navIndex=4">管廊展示</a></li>
                    <li><a href="about.html?navIndex=5">人力资源</a></li>
                    <!--<li><a href="about.html?navIndex=6">新闻资讯</a></li>-->
                    <li class="dropdown">
                        <a>新闻资讯</a>
                        <a href="javascript:;" id="app_menudown" class="dropdown-toggle" data-toggle="dropdown"
                           role="button" aria-expanded="false"><span
                                class="glyphicon glyphicon-menu-down btn-xs"></span></a>
                        <ul class="dropdown-menu nav_small" role="menu">
                            <li><a href="about.html?navIndex=6">公司新闻</a></li>
                            <li><a href="about.html?navIndex=9">行业新闻</a></li>
                        </ul>
                    </li>
                    <!--<li><a href="about.html?navIndex=8">工程项目</a></li>-->
                    <li><a href="about.html?navIndex=7">联系我们</a></li>
                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </nav>
</header>

<!-- bxslider -->
<div class="flash">
    <ul class="bxslider">
        <li><a href="javascript:;"><img src="http://jzkj02.oss-cn-hangzhou.aliyuncs.com/file/ySX1606211058378.jpg" alt="1"/></a></li>
        <li><a href="javascript:;"><img src="http://jzkj02.oss-cn-hangzhou.aliyuncs.com/file/WzX1606189567621.jpg" alt="2"/></a></li>
        <li><a href="javascript:;"><img src="http://jzkj02.oss-cn-hangzhou.aliyuncs.com/file/3rp1606189796727.jpg" alt="3"/></a></li>
    </ul>
</div>

<script type="text/javascript">
    $('.bxslider').bxSlider({
        adaptiveHeight: true,
        infiniteLoop: true,
        hideControlOnEnd: true,
        auto:true
    });
    function runVideo() {
        let vv = document.getElementById('example_video_1_html5_api');
        if(vv.paused){
            vv.play()
            $('#playBtn').hide()
        }else{
            vv.pause()
            $('#playBtn').show()
        }
    }
</script>
<div id="control-box">
<!--vue-start-->
<!--展示视频-->
<div class="video" style="">
    <img src="http://jzkj02.oss-cn-hangzhou.aliyuncs.com/file/ZY61606295720958.png" alt="" style="width: 100%;margin: 10rem 0 0;">
    <div style="width: 60%;max-width: 100%;margin: 0 auto 0;position: relative;" onclick="runVideo()">
        <video style="width: 100%;max-width: 100%;" loop
               id="example_video_1_html5_api" class="vjs-tech" controller="false" preload="none" poster="http://jzkj02.oss-cn-hangzhou.aliyuncs.com/file/Fy21606296480328.jpg" data-setup="{}"
               src="http://jzkj02.oss-cn-hangzhou.aliyuncs.com/file/FHQ1606296317223.mp4">
            <source src="http://jzkj02.oss-cn-hangzhou.aliyuncs.com/file/FHQ1606296317223.mp4" type="video/mp4">
        </video>
        <img id="playBtn" src="http://jzkj02.oss-cn-hangzhou.aliyuncs.com/file/yh41606296728597.png" alt=""
             style="position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px;">
    </div>
</div>
<div class="case_box">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="case_head" data-move-y="-30px">
                    <h2>管廊展示</h2>
                    <p>The Service Sector</p>
                </div>
                <div class="case_list">
                    <div class="col-sm-4 col-md-4 col-mm-6 product_img" data-move-y="300px" v-for="v in newsList">
                        <a :href="'about.html?id='+v.id+'&title=4'">
                            <img :src="v.img_url" class="opacity_img" :alt="v.title" style="width: 300px;height: 160px;">
                        </a>
                        <p class="product_title"><a :href="'about.html?id='+v.id+'&title=4'" :title="v.title">{{v.title}}</a></p>
                        <p>{{v.represent}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="about_index">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="about_head" data-move-y="-50px">
                    <h2>公司简介</h2>
                    <p>Company profile</p>
                </div>
                <div class="about_content" data-move-y="100px">
                    <!--<img align="left" src="images/about.png" alt="公司简介">-->
                    <img align="left" src="http://jzkj02.oss-cn-hangzhou.aliyuncs.com/file/W231606290477838.png" alt="公司简介" style="width: 430px;max-width: 100%;height: 300px;">
                    <p class="about_contents" style="line-height: 30px;">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;兰州新区中冶基础设施建设有限公司,于2016年6月16日挂牌成立，注册资本1亿元。由兰州新区铁路建设投资有限责任公司、中冶赛迪工程技术股份有限公司、中国十七冶集团有限公司和中冶建信投资基金管理（北京）有限公司共同出资设立。主要承担兰州新区地下综合管廊基础设施项目的建设和运营。<br>

                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;兰州新区地下综合管廊共包括经十路南延段、纬七路（经一路至经七路）、纬七路（经七路至经十路）3条管廊，总长6.927km，折算单舱长度10.41km。于2017年12月29日建设完成，进入运营期。<br>

                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;兰州新区中冶基础设施建设有限公司以政府授予的特许经营权为保证，通过多渠道筹集资金用于管廊建设,并承担兰州新区地下综合管廊运营、维护及项目管理。<br>

                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司秉承“安全、专业、协作、共赢”的企业经营理念，以保障现代城市“生命线”的运行安全为己任，向各管线单位提供专业化的服务和管理，确保综合管廊良性发展，逐步提升其经济效益和社会效益。在有效推进兰州新区智慧城市建设步伐中发挥应有的作用。<br>
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="news_box">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="col-sm-6 col-md-6 col-mm-12 news_img">
                    <div class="news_head" data-move-y="-50px">
                        <h2>公司新闻</h2>
                    </div>
                    <ul class="news_index" data-move-y="200px">
                        <li v-for="v in newsList2">
	                        <span>
	                            <strong>{{v.create_time.split(' ')[0].substr(-2)}}</strong>
	                            <i>{{v.create_time.substring(0,7)}}</i>
	                        </span>
                            <a :href="'about.html?id='+v.id+'&title=1'">{{v.title}}</a><br>
                            <em>{{v.represent}}</em>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-6 col-md-6 col-mm-12">
                    <div class="news_head" data-move-y="-50px">
                        <h2>企业动态</h2>
                    </div>
                    <ul class="news_index" data-move-y="200px">
                        <li v-for="v in newsList3">
	                        <span>
                                <strong>{{v.create_time.split(' ')[0].substr(-2)}}</strong>
	                            <i>{{v.create_time.substring(0,7)}}</i>
	                        </span>
                            <a :href="'about.html?id='+v.id+'&title=3'">{{v.title}}</a><br>
                            <em>{{v.represent}}</em>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--vue-end-->
</div>

<script src="js/jquery.smoove.min.js"></script>
<script>$('.product_head,.product_img,.advantage_head,.advantage_col,.about_head,.about_content,.case_head,.news_head,.news_index').smoove({offset: '10%'});</script>

<nav class="navbar navbar-default navbar-fixed-bottom footer_nav">
    <div class="foot_nav btn-group dropup">
        <a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
           href="javascript:;">
            <span class="glyphicon glyphicon-share btn-lg" aria-hidden="true"></span>
            分享</a>
        <div class="dropdown-menu webshare">
            <!-- JiaThis Button BEGIN -->
            <div class="jiathis_style_32x32">
                <a class="jiathis_button_qzone"></a>
                <a class="jiathis_button_tsina"></a>
                <a class="jiathis_button_tqq"></a>
                <a class="jiathis_button_weixin"></a>
                <a class="jiathis_button_renren"></a>
                <a href="javascript:;" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
            </div>
            <script type="text/javascript" src="js/jia.js" charset="utf-8"></script>
            <!-- JiaThis Button END -->            </div>
    </div>
    <div class="foot_nav"><a href="javascript:;"><span class="glyphicon glyphicon-phone btn-lg"
                                                       aria-hidden="true"></span>手机</a></div>
    <div class="foot_nav" aria-hidden="true" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
         aria-controls="navbar"><span class="glyphicon glyphicon-th-list btn-lg"></span>分类
    </div>
    <div class="foot_nav"><a id="gototop" href="javascript:;"><span class="glyphicon glyphicon-circle-arrow-up btn-lg"
                                                                    aria-hidden="true"></span>顶部</a></div>
</nav>

<footer>
    <div class="copyright container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="col-sm-4 col-md-4 col-mm-6" style="margin-top: 80px;margin-bottom: 50px;">
                    <p>栏目导航</p><br>
                    <p class="copyright_p"><a href="index.html">公司首页</a></p>
                    <p class="copyright_p"><a href="about.html">公司简介</a></p>
                    <p class="copyright_p"><a href="about.html?navIndex=2">企业文化</a></p>
                    <p class="copyright_p"><a href="about.html?navIndex=3">企业动态</a></p>
                    <p class="copyright_p"><a href="about.html?navIndex=4">管廊展示</a></p>
                </div>
                <div class="col-sm-4 col-md-4 col-mm-6" style="margin-top: 80px;margin-bottom: 50px;">
                    <p>联系方式</p><br>
                    <p class="copyright_p">销售热线：18215195596</p>
                    <p class="copyright_p">售后热线：0931-6836721</p>
                    <p class="copyright_p">电子邮箱：1173583554@qq.com</p>
                    <p class="copyright_p">公司地址：甘肃省兰州市兰州新区地铁商务中心7001室</p>
                    <p class="copyright_p">邮政编码：730000</p>
                </div>
                <div class="col-sm-4 col-md-4 col-mm-6" style="margin-top: 80px;margin-bottom: 50px;">
                    <img src="images/2-200225145J5548.png" alt="二维码" style="width: 150px; height: 150px;margin-left: 80px">
                </div>
            </div>
        </div>

    </div>
    <div class="link_box">
        <div class="container">
            <span class="link_title">Copyright © 2012-2020&nbsp;&nbsp;兰州新区中冶基础设施建设有限公司&nbsp;&nbsp;版权所有&nbsp;&nbsp;备案号：陇ICP备19004042号</span>
        </div>
    </div>
</footer>

<!--客服面板-->
<link rel="stylesheet" type="text/css" href="css/online.css"/>
<div id="cmsFloatPanel">
    <div class="ctrolPanel">
        <a class="service" href="javascript:;"></a>
        <a class="message" href="javascript:;"></a>
        <a class="qrcode" href="javascript:;"></a>
        <a class="arrow" title="返回顶部" href="javascript:;"></a>
    </div>
<!--    <div class="messagePanel">-->
<!--        <div class="messagePanel-inner">-->
<!--            <div class="formPanel">-->

<!--                <div class="formPanel-bd">-->
<!--                    &lt;!&ndash; JiaThis Button BEGIN &ndash;&gt;-->
<!--                    <div class="jiathis_style_32x32">-->
<!--                        <a class="jiathis_button_qzone"></a>-->
<!--                        <a class="jiathis_button_tsina"></a>-->
<!--                        <a class="jiathis_button_tqq"></a>-->
<!--                        <a class="jiathis_button_weixin"></a>-->
<!--                        <a class="jiathis_button_renren"></a>-->
<!--                        <a href="javascript:;" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>-->
<!--                    </div>-->
<!--                    <script type="text/javascript" src="js/jia.js" charset="utf-8"></script>-->
<!--                    &lt;!&ndash; JiaThis Button END &ndash;&gt;                            <a type="button" class="btn btn-default btn-xs" href="javascript:;" style="margin: 6px 0px 0px 10px;">关闭</a>-->
<!--                </div>-->

<!--            </div>-->
<!--            <div class="arrowPanel">-->
<!--                <div class="arrow01"></div>-->
<!--                <div class="arrow02"></div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
    <div class="qrcodePanel">
        <div class="qrcodePanel-inner">
            <div class="codePanel">
                <div class="codePanel-hd"><span style="float:left">用手机扫描二维码</span><a href="javascript:;"><span>关闭</span></a></div>
                <div class="codePanel-bd">
                    <img src="images/2-200225145J5548.png" alt="二维码"/>
                </div>
            </div>
            <div class="arrowPanel">
                <div class="arrow01"></div>
                <div class="arrow02"></div>
            </div>
        </div>
    </div>    </div>
</div>
<script type="text/javascript" src="js/online.js"></script>
</body>
</html>

<script type="text/javascript">
    var winHeight = 200;
    var timer = null;

    function show() {
        document.getElementById("popWin").style.display = "block";
        timer = setInterval("lift(5)", 2);
    }

    function hid() {
        timer = setInterval("lift(-5)", 2);
    }

    function lift(n) {
        var w = document.getElementById("popWin");
        var h = parseInt(w.style.height || w.currentStyle.height);
        if (h < winHeight && n > 0 || h > 1 && n < 0) {
            w.style.height = (h + n).toString() + "px";
        } else {
            w.style.display = (n > 0 ? "block" : "none");
            clearInterval(timer);
        }
    }

    window.onload = function () {
        setTimeout("show()", 1000);
    }

    var app = new Vue({
        el: '#control-box',
        data: {
            message: 'Hello Vue!',
            newsList: [],
            newsList2: [],
            newsList3: [],
        },
        methods: {
            //管廊展示
            getSector(){
                var self = this;
                $.ajax({
                    url: URL+'/api/news/findList',
                    method: 'post',
                    data: {
                        newsTypeId: '91c3b031-6f7b-4677-9aae-40d367502731'
                    },
                    success: function (res) {
                        if(res.code=='0'){
                            self.newsList = res.newsList
                        }
                    }
                })
            },
            //公司新闻
            getCompanyNews(){
                var self = this;
                $.ajax({
                    url: URL+'/api/news/findList',
                    method: 'post',
                    data: {
                        newsTypeId: '5319f3df-9f09-4a86-a9e4-17c82f19660e'
                    },
                    success: function (res) {
                        if(res.code=='0'){
                            self.newsList2 = res.newsList
                        }
                    }
                })
            },
            //企业动态
            getCompanyDyn(){
                var self = this;
                $.ajax({
                    url: URL+'/api/news/findList',
                    method: 'post',
                    data: {
                        newsTypeId: 'c74e1b0f-6b9d-4eb8-9668-ff60f502cdda'
                    },
                    success: function (res) {
                        if(res.code=='0'){
                            self.newsList3 = res.newsList
                        }
                    }
                })
            },
        },
        mounted(){
            this.getSector()
            this.getCompanyNews()
            this.getCompanyDyn()
        }
    })
</script>
